body {font-family: Arial, "微软雅黑", sans-serif; color: #222; font-size: .16rem; width: 100%; overflow-x: hidden; min-width:1400px; }
div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;}
address,blockquote,dl,fieldset,figure,hr,ol,p,pre,ul {margin: 0;}
ul,ol {list-style: none; padding-left: 0;}
li {list-style: inherit;}
em,.em,i{text-transform:uppercase; vertical-align:top; font-style: normal;}
.cl,.clear{ clear:both; display: block; }
input,textarea,button,span,li,a,div {border: none; outline: none; resize: none;}
textarea {font-family: Arial, "微软雅黑", sans-serif; overflow: auto;}
table {width: 100%; border-spacing: 0; border-collapse: collapse;}
a,a:active,a:hover,a:visited {color: inherit; font-size: inherit; text-decoration: none;}
sup {vertical-align: top;}
.bg-img-center {background-size: cover; background-position: center; background-repeat: no-repeat;}
.bg-img-left {background-position: left center; background-repeat: no-repeat;}
.imgs-btn img {cursor: zoom-in;}
.clearfix:before,
.clearfix:after {content: ""; display: block; width: 0; height: 0; clear: both; visibility: hidden;}
.box {display: block;}
.top80{padding-top: 80px;}
.top40{padding-top:40px;}
.top60{padding-top:60px;}
#top70{padding-top:70px;}
.top50{padding-top:50px;}
.top30{padding-top:30px;}
.top110{padding-top:110px;}
.top90{padding-top:90px;}
.top100{padding-top:100px;}

.t1{text-align: center;}
.t1 p{font-size:44px;color: #333;line-height:70px;}
.t1 b{background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.t1 span{font-size:19px;color:#666; font-weight:lighter;}

.page{ margin:0 auto; width:1400px}

.hvr-color {transition: all .3s;}
.hvr-color:hover {color: #0072ee;}
.com-padding {padding-top: 1.2rem; padding-bottom: 1.2rem;}
.page-padding {padding-top: .7rem; padding-bottom: .6rem;}
.pt0 {padding-top: 0;}
.pb0 {padding-bottom: 0;}
.p-color {color: #666;}
.tsi {transition: all .3s;}
.com-bg {background-color: #f3f3f6;}
.bg-f {background-color: #fff;}
.co-f {color: #fff;}
.com-ba:before,
.com-ba:after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transition: transform .3s;}
.com-show {position: relative;}
.com-show .com-show-item {position: absolute; top: 0; left: 0; transform: translateY(30px); opacity: 0; visibility: hidden; transition: transform .5s; width: 0;}
.com-show .com-show-item.active {position: relative; transform: translateY(0); visibility: visible; opacity: 1; width: auto;}
.swiper-pagination-bullet {width: 10px; height: 10px; background-color: #fff; opacity: 1;}
.swiper-pagination-bullet-active {background-color: #0072ee;}
.swiper-pagination.swiper-pagination {bottom: 30px;}
div.swiper-button-next,
div.swiper-button-prev {width: .6rem; height: .6rem; border-radius: 50%; background: #fff;}
.swiper-button-next:after,
.swiper-button-prev:after {content: ""; position: absolute; left: 45%; top: 50%; width: .15rem; height: .15rem; border: 2px solid #7f7f7f; border-left: none; border-bottom: none; transform: translate(-50%,-50%) rotate(45deg);}
.swiper-button-prev:after {left: 55%; transform: translate(-50%,-50%) rotate(-135deg);}
.swiper-button-next:hover,
.swiper-button-prev:hover {background-color: #0072ee;}
.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {border-color: #fff;}
.fl {float: left;}
.fr {float: right;}
.fn {float: none;}
.weight-bold {font-weight: bold;}
.line-mini {line-height: 1;}
.line-small {line-height: 1.5;}
.line {line-height: 1.75;}
.line-big {line-height: 2;}
.line-large {line-height: 2.5;}
.align-left {text-align: left;}
.align-center {text-align: center;}
.align-right {text-align: right;}
.am-inline-block {display: inline-block !important;}
.hor-top-show {position: relative; bottom: -40px; height: 0; opacity: 0; overflow: hidden; transition: all .3s;}
.hor-top-show.active {height: auto; opacity: 1; bottom: 0;}
.hvr1.hvr1 .img {background: #000; position: relative;}
.hvr1.hvr1 .img img {transition: all .5s;}
.hvr1.hvr1 .img:before {content: ''; position: absolute; top: 35px; bottom: 35px; left: 35px; right: 35px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scaleX(0); transition: all .5s; z-index: 1;}
.hvr1.hvr1 .img:after {content: ''; position: absolute; top: 35px; bottom: 35px; left: 35px; right: 35px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scaleY(0); transition: all .5s; z-index: 1;}
.hvr1.hvr1:hover img {opacity: .8;}
.hvr1.hvr1:hover .img:before {transform: scaleX(1);}
.hvr1.hvr1:hover .img:after {transform: scaleY(1);}
.hover-img-big .img {overflow: hidden;}
.hover-img-big .img img {transition: transform .5s;}
.hover-img-big:hover img {transform: scale(1.04);}
.img-middle-hover::hover img {transform: translate(-50%,-50%) scale(1.05) !important;}
.hover-color h4 {transition: all .3s;}
.hover-color:hover h4 {color: #0072ee !important;}

.hover-shadow .box {transition: all .3s;}
.hover-shadow:hover .box {box-shadow: 0 0 18px -6px #0072ee;}
.com-sd li .box {transition: all .3s;}
.com-sd li:hover .box {box-shadow: 0 0 18px -6px #0072ee;}

.header {position: absolute; width: 100%; padding-left:3vw; padding-top: 25px; z-index: 999999; line-height: 50px; transition: all .3s;}
.header .logo {padding-top:3px; position: relative; z-index: 2;}
.header .logo h6 {line-height: inherit;}
.header .logo a {display: block; font-size: 0;}
.header .logo p {position: absolute; top: 50%; transform: translateY(-42%); left: 2.4rem; white-space: nowrap; line-height: .3rem; font-weight: 700;}
.header .logo p span {display: block; color: #0072ee;}
.header .phone {line-height: 1; font-size: 0; position: relative; z-index: 2;}
.header .phone * {vertical-align: middle;}
.header .phone .tel {height: 80px; padding:10px 26px 0 26px; background: #0072ee; color: #fff; font-size:21px; font-family: "DIN"; line-height:30px;}
.header .phone .tel img {margin-right: 10px;}
.header .phone .form .icon {display: block; width: 80px; height: 80px; padding: 30px 0; text-align: center; background: #fff;}
.header .phone form {position: absolute; font-size: 0; vertical-align: middle; white-space: nowrap; right: 0; opacity: 0; visibility: hidden; transform: translateY(20px); transition: all .3s;}
.header .phone form .keyword { height: 30px; padding: 0 10px; border: 1px solid #0072ee; font-size: 14px; vertical-align: middle;}
.header .phone form .submit {height: 30px; padding-left: 10px; padding-right:10px; font-size: 14px; font-weight: 700; color: #fff; background: #0072ee; cursor: pointer; vertical-align: middle;}
.header .phone form .submit img {margin-left: .06rem;}
.header .phone .form:hover form {opacity: 1; visibility: visible; transform: translateY(0);}
.header .nav {padding-top: 15px; position: relative;}
.header .nav ul {text-align: center;}
.header .nav li {display: inline-block;position: relative;ma;margin: 0 0.8%;}
.header .nav li > a {display: block; height: 100%; padding: 0 5px; transition: all .3s; position: relative; color: rgba(255,255,255,1); font-size:18px;}
.header .nav li.bg {position: absolute; top: 0; height: auto; margin: 0; border-bottom:5px solid #fff;}
.header .nav .subnav {position: absolute; left: 50%; bottom: -30px; transform: translate(-50%,100%); width: 140px; height: 0; overflow: hidden; background: rgba(255,255,255,0.9); opacity: 0; transition: bottom .5s, opacity .5s; text-align: center;}
.header .nav .subnav > a {display: block; line-height:40px; font-size:14.6px;}
.header .nav .subnav > a:hover {color:#fff; background: #0072ee;}
.header .nav li:hover .subnav { height: auto; bottom: 4px; opacity: 1;}
.index-banner {position: relative; width: 100%;}
.index-banner img {width: 100%;}

@media screen and (max-width: 1023px) {html {  font-size: 90px;  }
.fwlc .content1{ width:100%;}
.header .nav li > a{ font-size:14px}
}
@media screen and (max-width: 767px) {html {  font-size: 80px; }
.header .nav li > a{ font-size:14px}
}
@media screen and (max-width: 374px) {html {  font-size: 70px; }
.header .nav li > a{ font-size:14px}
}
@media (max-width: 1700px) {.w1600 {  width: 1500px; }
.news{width:100%; min-width:1300px; margin:0 auto;}
.fwlc .content1{ width:100%;}
.zxly .container{ width:100% !important;}
.header .nav li > a{ font-size:16px}
.prod_img{width:100% !important; margin:auto; }
.divproduct_new_div_item_content{height:9vw !important;}
.prod_img .divproduct_new_div_item{height:28vw !important;}

.fwlc .content1{ width:100% !important;}
}
@media (max-width: 1800px) {
.news{width:100%; min-width:1300px; margin:0 auto;}
.fwlc .content1{ width:100%;}
.zxly .container{ width:100% !important;}
}
@media (max-width: 1520px) {.w {  width: 1200px; }
.news{width:100%; min-width:1300px; margin:0 auto;}
.fwlc .content1{ width:100%;}
.zxly .container{ width:100% !important;}
.header .nav li > a{ font-size:15px}
  .w1600 {  width: 1300px; }
  .header .nav li {  margin: 0 .15rem; }
  .prod_img{width:100 !important%; margin:auto; }
.divproduct_new_div_item_content{height:9vw !important;}
.prod_img .divproduct_new_div_item{height:28vw !important;}
.fwlc .content1{ width:100% !important;}
}
@media (max-width: 1340px) {.w1600 {  width: 96%; }
.zxly .container{ width:100%;}
.zxly .container{ width:100% !important;}
.header .nav li > a{ font-size:14px}
  .w {  width: 90%; }
.divproduct_new_div_item_content{height:9vw !important;}
.prod_img .divproduct_new_div_item{height:29vw !important;}
.prod_img{width:100% !important; margin:auto; }
.fwlc .content1{ width:100% !important;}
}
@media (max-width: 1280px) {.header .phone .form {  display: none !important; }
.header .nav li > a{ font-size:14px}
 .ft-xt { margin: 0 auto; width: 70%; height: 3px;}
.fwlc .content1{ width:100% !important;}
}
@media (max-width: 1024px) {.header {  display: none; }
.header .nav li > a{ font-size:14px}
  .header-m {  display: block; }
}



/*第一*/
.content1{width: 82%; max-width: 1600px; min-width: 1400px; margin:auto;}
.main_box{width:100%;height:450px;position: relative; margin-top:-130px;}
.main_t{width:100%;margin:0 auto;position:relative;float:right;}
.main_row1{position:absolute;z-index:9999;width:100%;margin:auto; box-shadow: 0px 0px 15px rgba(204, 204, 204, 0.4);  background: #fff;}
.main_row1:after{content:'';display:block;clear:both;}
.main_r1{float:right;}
.main_r1_item{display:block;width:calc(1370px/4); width: 25%; float:left;padding:45px 0;position:relative;cursor:pointer;height:415px;background:#fff;z-index:-1; transition:all 0.3s;text-align: center; border-left: 1px #f5f5f5 solid;}
.main_r1_item:nth-child(1){margin-left:0px !important; border-left:none;}
.main_r1_item p{margin:auto;width:240px;text-align:center;}
.main_r1_item span{text-align:center;color:#666;font-size:52px;line-height:66px;font-weight:400;font-family:"akr"}
.main_r1_item em{color:#ccc;font-size:20px;display:block;font-family:"arial";width:85px;border-bottom:1px #ccc solid;margin:auto;padding-bottom:23px;}
.main_r1_item i{display:block;-webkit-transition:0.3s all ease;transition:0.3s all ease;}
.main_r1_item .iconfont{font-size:55px;margin:0 auto;line-height:61px;color:#666;padding-top:30px;margin-bottom:19px;text-align: center;width:100px;height: 100px;border-radius: 50%;background: rgba(255, 255, 255, 0.1);position:relative;transition: all 0.3s; background: rgba(255, 255, 255, 0.1);}
.main_r1_item .iconfont:after {content:"";position:absolute;width:80px;height:80px;background:rgba(255, 255, 255, 0.2);border-radius:50%;left:10px;top:10px;}
.main_r1_item:hover i,.main_r1_item.active i{background-position-y:-70px;color:#fff;}
.main_r1_item:after{content:'';display:block;width:100%;background:#0072ee;height:335px;position:absolute;bottom:-15px;opacity:0;-webkit-transition: 0.3s all ease;transition:0.3s all ease;z-index:-1;}
.main_r1_item .iconfont:before {position: absolute;width: 60px;height: 60px;background: #fff; border-radius: 50%; left: 20px; top: 20px;}
.main_r1_item.active .iconfont.icon-gongchengshi { font-size:36px;}
.iconfont.icon-jianxiu {font-size: 50px; }
.iconfont.icon-gongchengshi{font-size:45px; }
.main_r1_item.active .iconfont { font-size:40px;}
.iconfont.icon-aaa { font-size: 45px;}
.main_r1_item.active:before,.main_r1_item:hover:before{opacity:1;top:-5px;}
.main_r1_item.active:after,.main_r1_item:hover:after{opacity:1;bottom:0px;}
.main_r1_item.active:after{bottom:0px;height:415px;}
.main_r1_item.active span,em,i{color:#fff;}
.main_r1_item.active em{color:rgba(255, 255, 255, 0.5);border-bottom:1px #4e9df3 solid;}
.main_r1_item.active i{color:#fff;}
.main_r1_item:hover span,em,i{color:#fff;}
.main_r1_item:hover i{color:#fff;}
.main_r1_item:hover em{color:rgba(255, 255, 255, 0.5);}
.main_r1_item .yct{font-size:16px;color:#666;line-height:30px;width:252px;text-align:center;margin:30px auto;font-weight:100}
.main_r1_item:hover .yct,.main_r1_item:hover .more{opacity:1}
.main_r1_item.active .yct,.main_r1_item.active .more,.main_r1_item.active a{opacity:1;color:#fff;}



/*产品*/
.prod_list table{width:100%;float:left;}
.prod_list table tr{width:11.6%;height:52px;background:#fff;display:block;float:left;margin-right:1%; box-shadow: 0px 0px 10px rgba(204, 204, 204, 0.4); overflow: hidden;}
.prod_list>a{width:181px;height:52px;background:url()no-repeat center;display:block;float:left;text-align:center;font-size:18px;color:#333;line-height:52px;}
.prod_list table tr td{height:52px; line-height:52px; width:181px;}
.prod_list table tr td a{width:100%;height:100%;display:block;text-align:center;font-size:16px;color:#333 !important;font-weight:normal; overflow: hidden;}
.prod_list table tr.on{background:#0072ee; box-shadow: 3px 5px 20px 0px rgba(0, 0, 0, 0.06);}
.prod_list table tr.on td a{color:#fff !important;}
.prod_list>a:hover{background-image:url();color:#fff;}
.prod_box{width:100%;}

/* .prod_list table tr:nth-child(8n){ margin-right:0 !important;}
.prod_list table tr:nth-child(1n){ display:none;}
.prod_list table tr:nth-child(2n){ display:none;}
.prod_list table tr:nth-child(3n){ display:none;} */
/* .prod_list table tr:nth-child(12n){ display:none;}
.prod_list table tr:nth-child(13n){ display:none;}
.prod_list table tr:nth-child(14n){ display:none;}
.prod_list table tr:nth-child(15n){ display:none;} */



.prod{width:82%; margin:auto; min-width:1600px; min-width:1400px;}

.prod_wt{ overflow:hidden;}
.prod_img{width:82%; margin:auto; min-width:1600px; min-width:1400px;}
.prod_img .divproduct_new_div_item{display:block;float: left;width:25%;height:23vw;background: #fff; overflow: hidden;cursor: pointer; padding-left:0 !important; position: relative; border: 1px #f5f5f5 solid; margin-top: 22px; border-left:none;}
.prod_img .divproduct_new_div_item:nth-child(5){ border-left:1px #f5f5f5 solid;}

.prod_img .divproduct_new_div_item:nth-child(1){ border-left:1px #f5f5f5 solid;}

.prod_img .divproduct_new_div_item:hover{background:#0072ee;}
.divproduct_new_div_item_content{position: absolute; bottom: 0; width: 100%; box-sizing: border-box; width:91.5%; height:7.4vw; left:4.4%; bottom: 3%; box-sizing: border-box;  background: #f5f5f5;
    padding:1.4vw;}
.product_div_item_pic img{width: 100%; transition: all 0.5s;/* padding:20px;*/}

.divproduct_new_div_item_title a{font-size:18px;color:#333;margin-bottom:0.4vw; display: block;}
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_title a{color:#fff;}
.divproduct_new_div_item_body{font-size:14px;line-height: 25px;color:#666; font-weight:200;}
.divproduct_new_div_item_content,.divproduct_new_div_item_title a,.divproduct_new_div_item_body{transition: 0.5s all ease;}
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_body {color: #fff;}
.prod_img .divproduct_new_div_item:hover .divproduct_new_div_item_content{background:#0072ee; padding:1vw;}
.prod_in .divproduct_new_div .divproduct_new_div_item{width:401px;float: left;height:296px;margin-right: 20px;position: relative;overflow: hidden;border: 1px #f3f4f5 solid;background:#fff;}
.product_div_item_pic{padding:4.4%;}
.product_div_item_pic a{display:block; overflow: hidden; font-weight:100}
.prod_in .divproduct_new_div .divproduct_new_div_item .product_div_item_pic a img{width:401px;transition: all .3s linear;}
.divproduct_new_div_item:hover .product_div_item_pic a img{-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.product_div_item_pic a:before{content:'';background-color:rgba(0,114,238,0.3);display:block;width:441px;height:470px;position: absolute; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;top:-470px;left:0;z-index: 1;    transition: all 1s;}
.divproduct_new_div_item:hover .product_div_item_pic a:before{top:0;}
.product_div_item_pic a:after{ content: ''; background: url(../images/20210716205034_278264744.png) no-repeat center ; background-size: auto auto; position: absolute; width: 100%; height: 100%; left: 0; background-size: 0px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; z-index:2;top:-16%;}
.divproduct_new_div_item:hover .product_div_item_pic a:after{background-size:50px; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; }



/*--售后--*/
.service-list{background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);}
.service{padding:92px 0.625rem 15px 0.625rem ;overflow:hidden;background:#fff;}
.service .item{position:relative;float:left;padding:2.5rem 3.75rem;width:20%;height:21.875rem;text-align:center;cursor: pointer;background:#0191f4;transition:all 0.5s;}
.service .item:before{display:none;position:absolute;z-index:3;left:50%;bottom:-0.9rem;margin-left:-1.25rem;width:2.5rem;height:2.5rem;content:"";background:#0191f4 url(../images/20210729173514_404566526.png) no-repeat center;}
.service .item:after{display:block;position:absolute;z-index:1;left:0;bottom:0;width:0;height:5px;content:"";background:#0191f4;transition:all 0.5s;}
.service .item:nth-child(even){background:#02a4f7;}
.service .item i{display:block;margin:0 auto;width:3.75rem;height:3.75rem;}
.service .item i img{display:block;width:100%;}
.service .item h3{margin-top:1rem;height:4.5rem;line-height:2.25rem;font-weight:normal;font-size:1.75rem;color:#fff;}
.service .item p{display:none;margin-top:1rem;line-height:1.9rem;font-size:1rem;color:#fff; font-weight:lighter;}
.service .item em{display:block;position:absolute;left:0;bottom:3.125rem;width:100%;font-size:0.875rem;font-family:"DIN Medium";color:#fff;text-transform:uppercase;}
.service .item.cur{width:60%;background:#F5f5f5 url(../images/20210729175929_298927592.png) no-repeat center 0 !important;}
.service .item.cur *{color:#000;}
.service .item.cur i{filter:contrast(0) brightness(0);}
.service .item.cur h3{height:2.25rem;}
.service .item.cur p{display:block;}
.service .item.cur em{display:none;}
.service .item.cur:after{width:100%;}
.service .item.cur:before{display:block;}
@media (max-width:992px){
.service{padding:2rem 0.625rem;}
.service .item{padding:1rem;height:15rem;}
.service .item,.service .item.cur{width:50%;}
.service .item em{bottom:2rem;}
.service .item h3{font-size:1rem;}
.service .item.cur p{display:none;}
.service .item.cur em{display:block;}
}
/*--end service--*/




/*案例*/
.case_appli{width:82%; margin:auto; padding:80px 0; min-width:1600px; min-width:1400px; }
.case_appli .tempWrap {width:1400px !important;}
.case_appli table tr {display:block;height:107px;}
.case_appli table tr td {border:1px solid #dddddd;display:inline-block;padding-left: 0 !important;position:relative;overflow:hidden; width:13.4%;}

.case_appli table tr td > div {padding: 0 !important;}
.case_appli table tr td+td {margin-left: 10px;}
.case_appli table tr td  img { width:100%; margin-bottom: 0px !important;}
.case_appli table tr td:hover div a {display: block;position: absolute;bottom:0;width: 200px;height: 100%;
 color: #fff !important;-webkit-transition: all 0.5s;transition: all 0.5s;display: flex;justify-content: center;align-items: center;    z-index: 5;}
.case_appli table tr td div a {display: block;position: absolute;width: 200px;height: 28px;line-height: 28px;color: #fff !important;-webkit-transition: all 0.5s;transition: all 0.5s;}
.case_appli table tr td:before, .case_appli table tr td:after {position: absolute;top: 50%;
content: ''; width: 20px;height: 20px;background: rgb(0 114 238 / 0.8);border-radius: 50%;
z-index: 1;}
.case_appli table tr td:before {left: -20px;-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);}
.case_appli table tr td:after { right: -20px;-webkit-transform: translate(50%, -50%);
 transform: translate(50%, -50%);}
.case_appli table tr td:hover:before {-webkit-animation: criss-cross-left 0.8s both;
animation: criss-cross-left 0.8s both;}
.case_appli table tr td:hover:after {-webkit-animation: criss-cross-right 0.8s both;
animation: criss-cross-right 0.8s both;}
@-webkit-keyframes criss-cross-left {
  0% {left: -20px;}
  50% { left: 50%; width: 20px;height: 20px;}
  100% {left: 50%;width: 375px;height: 375px;}
}
@keyframes criss-cross-left {
  0% {left: -20px;}
  50% {left: 50%;width: 20px;height: 20px;}
  100% {left: 50%;width: 375px;height: 375px;}
}
@-webkit-keyframes criss-cross-right {
  0% {right: -20px;}
  50% { right: 50%;width: 20px;height: 20px;}
  100% {right: 50%;width: 375px; height: 375px;}
}
@keyframes criss-cross-right {
  0% {right: -20px;}
  50% {right: 50%;width: 20px;height: 20px;}
  100% {right: 50%;width: 375px;height: 375px;}
}



/*流程*/
.pp{padding-top:80px;box-sizing: border-box; background: url(../images/20210716152944_145191284.jpg) center top no-repeat #f5f5f5;}
.pp .tit span,.pp .tit i{ color: #fff; }


.pp p{ color:#fff; font-weight:bold;}
.pp span{color:#fff;}


.pp_con {
  margin-top: 50px;
  position: relative;
}
.pp_con .list {
width:91.2%; 
  margin: 0 auto;
  overflow: hidden;
}
.pp_con .list ul li {
  width: 705px;
  height: 396px;
  line-height: 0;
  position: relative;

}

.pp_con .list ul li img {
  width: 705px; border: 5px solid #fff;
  height: 396px;
  display: block;
  transition: 1s;
}
.pp_con .list ul li h4 {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.64);
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
  text-align: center;
 
  box-sizing: border-box;
 font-weight: bold;
}
.pp_con .list ul li.swiper-slide-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 5px solid #fff;
  box-sizing: border-box;
  z-index: 1;
}
.pp_con .list ul li:after{  
 content: "";
  position: absolute;
  left: -5%;
  bottom: -32px;
  width: 110%;
  height: 32px;
  background: url(../images/20210716205423_820221951.png) no-repeat  center;
  box-sizing: border-box;
  z-index: 10;}


.pp_con .list ul li.swiper-slide-active h4 {
  display: block;
  font-size: 20px;
}

.pp_con .list ul li.swiper-slide-prev h4{
  text-align: left;padding-left:82px;box-sizing: border-box;
}

.pp_con .list ul li.swiper-slide-next h4{
  text-align: right;padding-right:88px;box-sizing: border-box;
}

.pp_con .swiper-pagination {
  position: relative;
  line-height: 0;
  bottom: auto;
  margin-top: 38px;
}
.pp_con .swiper-pagination .swiper-pagination-bullet {
  width: 6px;
  height: 6px;
  background: #cdcdcd;
  opacity: 1;
  
}
.pp_con .swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background: #0072ee;
  width: 34px;
  border-radius: 3px;
}
/*证书*/

.index_honor{width: 100%;height:620px;background: url(../images/20210729152716_539632383.png) no-repeat center #f5f5f5;padding: 88px 0 50px;}
.client_row2{position: relative;}
.client_row2_l:hover,.client_row2_r:hover{background-position-y:0}

.client_item{width:180px;float: left; margin-left:20px; display: block;}
.client_item p{font-size: 14px;line-height: 26px;color: #666;background: #fff;padding: 26px;border-top: 1px solid #f1f1f1;}
.client_item img{display: block;width: 100%;height: auto;}
.client_item i{background: #fff;display: block;line-height: 40px; font-style: normal;font-size: 13px;color: #888;transition: 0.3s all ease; text-align:center;}
.client_item:hover i{background-position: 250px -37px; color: #fff;     background: #0072ee; }

.index_honor .t1 p{font-size:44px;color: #333;line-height:50px; padding-bottom:8px;  font-weight:normal;}
.index_honor .t1 b{color: #0072ee;}
.index_honor .t1 span{font-size:19px;color:#666; font-weight:lighter;}


/*为什么*/
.strength_bg{position: relative; background:url(../images/20210716211510_1796367588.jpg);}
.strength_bg .t1 p{ color:#fff;}
.strength_bg .t1 b{ color:#fff;}
.strength_bg .t1 span{ color:#fff;}
.solution_m .swiper-slide-duplicate{height:454px  !important;margin-top:157px !important;}
.solution_m .swiper-slide-next{height: 454px  !important;margin-top:134px !important; transform: scale(0.9) !important;   margin-left: 30px !important;margin-right: 0px !important;
}
.solution_m .swiper-slide-prev{margin-top:134px !important;transform: scale(0.9) !important; margin-left: -30px !important;
 }

.solution_m .swiper-slide-active{transform: scale(1.1) !important;height: 28vw  !important; margin-top:84px !important; margin-left: 30px !important;}

.solution_m{height: 610px;overflow: hidden;}
.solution_m .swiper-slide{-webkit-transform: scale(0.8);transform: scale(0.8);margin-top:157px;height: 454px;}
.solution_m .swiper-slide img{width:100%;}

.solution_m .swiper-slide-active .text, .solution_m .swiper-slide-duplicate-active .text {background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);}

.solution_m .text{width: 100%;background-color: rgba(255,255,255,1);height:12.4vw; padding:0.5vw 1.8vw;    box-sizing: border-box; }
.solution_m .text  h4{font-size:1vw; line-height:2.4vw; color:#222; font-weight:lighter;}
.solution_m .text p{font-size:0.7vw; line-height:1.4vw;}
.solution_m .text a{font-size:0.95vw; margin-top: 1vw; display: block; line-height:1.4vw; font-weight:lighter; }
.solution_m .text a:before{content:"+"; display: block; width:1.4vw; height:1.4vw; line-height:1.4vw; text-align:center; background:#1d2122; float:left; margin-right:5px; color:#fff;border-radius: 100%;}
.solution_m .swiper-slide-active h4, .solution_m .swiper-slide-active p, .solution_m .swiper-slide-duplicate-active h4, .solution_m .swiper-slide-duplicate-active p{ color: #fff;}
.solution_m .swiper-slide-active a, .solution_m .swiper-slide-duplicate-active a {margin-top:1vw;color: #fff;}
.solution_m .swiper-pagination {bottom: 0;left: 50%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0)}
.solution_m .swiper-pagination-bullet {width: 16px;height: 16px;background-color: #e4e4e4; opacity: 1;margin: 0 5px;}
.solution_m .swiper-pagination-bullet-active { background-color: #0099e6}
.solution_m .swiper-button-next, .solution_m .swiper-button-prev { width: 36px; height: 36px;border-radius: 50%;border: 3px solid #dcdcdc; background-image: none; text-align: center;font-size: 0;margin-top:-50px !important;}
.solution_m .swiper-button-next .iconfont, .solution_m .swiper-button-prev .iconfont {font-size: 20px;line-height: 36px;color: #dcdcdc;}
.solution_m .swiper-button-next:hover, .solution_m .swiper-button-prev:hover { border-color: #0099e6;}
.solution_m .swiper-button-next:hover .iconfont, .solution_m .swiper-button-prev:hover .iconfont { color: #0099e6;}
.solution_b a{ display: block;}

.solution_m .swiper-button-next, .solution_m .swiper-button-prev{display: none;}




/*优势*/
.bz{width: 100%; background:url(../images/20210802094130_540110574.png)#f5f5f5  no-repeat center bottom;}
.adv_bt{}
.bz .content1{ overflow:hidden;}
.titleax{font-size:44px;color:#333;line-height:70px; text-align: center;  letter-spacing: 2px;}
.titlebx{font-size:20px;color:#666;display:block;line-height:30px; text-align: center; font-weight:lighter;}
.titleax span{font-weight:bold; font-size:44px; color:#0072ee; letter-spacing: 2px; }
.titleax span b{font-size:60px; letter-spacing:3px; font-family:"youth"  }
.titleax b{ background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%); -webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.adv_btl{float: left; font-size: 65px; color: #fff; font-weight: bold; line-height: 65px; padding-left: 15px; letter-spacing: 2px;}
.adv_btl span{color: #2738d8; font-size: 65px;}
.adv_btl i{font-size: 24px; color: #999; display: block; font-weight: normal;}
.adv_btr{float: right; font-size: 25px; color: #999; font-weight: normal; text-transform: uppercase; text-align: right; padding-top: 20px;}
.bz .con{margin-top: 0px;width:75%;float:left;height:560px;overflow:hidden;position:relative;}
.bz .con img{width:100%;/*position:relative;*/z-index: -1;}
.bz .con .dlt{width:690px;height:310px;background:rgba(0, 0, 0, 0.6);position:absolute;bottom:22.5%;left:15%;padding:45px 70px;color:#fff;}
.bz .con .dlta{font-size:38px;font-family:"youth"}
.bz .con .dltb{font-size:25px;margin: 10px 0px 20px;}
.bz .con .dltc{font-size:17px;line-height:30px;text-align: justify; font-weight: 100;}
.bz .tit{width:25%;float:right;background:#fff;}
.bz .tit ul{width:100%;margin: 0 auto;}
.bz .tit li{display:inline-block;width:100%;padding:34px 45px;transition: all 0.3s linear;cursor:pointer;height:140px;border-bottom: 1px #eee solid;}
.bz .tit li .bt{float:left;}
.bz .tit li .bt span{font-weight: 500;margin-top: 6px;line-height:75px; font-size:1.8vw; font-weight:lighter;}
.bz .tit li .bt p{opacity:0;transition:0.3s;font-size:12px;color:rgba(255, 255, 255, 0.6); }
.bz .tit li.cur .bt p{opacity:1; font-size:20px; font-weight:lighter;}
.bz .tit li i{font-style: normal;text-transform:uppercase;font-size:56px;color:#f3f3f3;font-family:"Microsoft YaHei";font-weight: normal;letter-spacing: 1px;float: right;line-height:70px;}
.bz .tit li.cur{background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%); width:130%;position:relative;z-index:99;float:right;padding:20px 50px;border: none;}
.bz .tit li.cur i{ color:hsla(0, 0%, 100%, 0.5);line-height:100px; }
.bz .tit li.cur span{color: #fff;line-height:50px;}
.bz .tit li.cur .bt{margin-top:5px;}
.cbyb_conr{position: relative; width:965px;height:445px; float: left;}


.titx{background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%); overflow:hidden;}
.casex  li,.case .tit em{float: left;display: inline;width:25%;padding:40px 0; border-right:#01bff9 solid 1px;}
.casex  li:nth-child(4){ border-right:none;}
.casex  em{margin-right: 0;}
.casex  li a,.case .tit em a{display:block;}
.casex  li .iconfont{font-size:45px;color:#283149; width:100%; float:left; text-align:center; color: #fff;}
.casex  li .txt{font-size:16px;color: #fff;line-height:28px;float:left;width:100%; text-align:center; padding-top:15px; font-weight:100;}
.casex  li .txt span{font-size:13px;color:rgba(40, 49, 73, 0.3);display:block;letter-spacing:-0.5px;    text-transform: capitalize;}
.casex  li:hover {background: #0656b2;transition: all 0.5s;}
.casex  li:hover .iconfont{color:#fff;}
.casex  li:hover .txt{color:#fff;}
.casex  li:hoverr .txt span{color:rgba(255, 255, 255, 0.5);}



/*生产*/
.fwlc {padding-bottom:95px;background: #fff;}
.fwlc .t1 p{letter-spacing: 2px;}
.fwlc .fwlc_con { padding:48px 3%;background:#f5f5f5;position: relative; margin:auto;}
.fwlc .fwlc_con .conbox {float: left; padding-left:6%;background: url(../images/20210716205907_1607573725.gif) no-repeat 23px 40px;position: relative;}
.fwlc .fwlc_con .conbox:first-child {padding-left: 0;background: none;}
.fwlc .fwlc_con .p1 {position: relative; display: block; max-width: 110px; margin: 0 auto; opacity: 1;filter: alpha(opacity=100); transition: all .5s cubic-bezier(.165,.84,.44,1); }
.fwlc .fwlc_con .p1 span {display: block;width: 100px;height: 100px;}
.fwlc .fwlc_con .p1 span img {display: block;width: 100px;height: 100px; }
.fwlc .fwlc_con .p1 i {display: block;text-align: center;font-size: 18px;color: #333;margin-top: 20px;}
.fwlc .fwlc_con .conbox dl {position: absolute;left: 22px;top: -51px; background: #fff;padding: 13px;z-index: 2;box-shadow: 0 0 35px #999;transition: all .5s cubic-bezier(.165,.84,.44,1);opacity: 0; z-index: 1;} 
.fwlc .fwlc_con .conbox:first-child dl {left: -100px;}
.fwlc .fwlc_con .conbox dl dt img {display: block;}
.fwlc .fwlc_con .conbox dl dd {margin-top: 20px;overflow: hidden;position: relative;height: 36px;line-height: 36px;}
.fwlc .fwlc_con .conbox dl dd span {float: left;font-size: 16px;color: #333;font-weight: bold;}
.fwlc .fwlc_con .conbox dl dd i {float: right;font-size: 14px;color: #999;}
.fwlc .fwlc_con .conbox:hover .p1 { opacity: 0;filter: alpha(opacity=0); transform: translateY(-30px); }
.fwlc .fwlc_con .conbox:hover dl { opacity: 1; top: -81px; transition-delay: .2s; }


/*广告*/
.zxly {height: 274px;background: #f5f5f5;}
.zxly .container{ width:82%; margin:auto;}
.zxly .container {height: 274px;position: relative;}
.zxly .zxlybg {height: 274px;width: 1300px;background: url(../images/20210716175113_760086396.png) no-repeat center;position: absolute;left: -360px;top: 0;z-index: 0;}
.zxly .p1 {font-size: 35px;color: #fff;position: absolute;left: 25px;top: 48px;}
.zxly .p1 b {font-size: 42px;}
.zxly .p2 {font-size: 26px;position: absolute;left: 25px;top: 110px;color: #fff;}
.zxly .p3 {font-size:24px;width:710px; font-weight:lighter; height: 57px;line-height: 57px; background: #fff;text-align: center; letter-spacing: 2px; position: absolute;left: 0;top: 159px;border-radius: 27px;}
.zxly .p4 {position: absolute; top:70px;font-size: 20px; color: #333; font-weight:lighter; line-height:54px; right:0;}
.zxly .p4 span { font-size:38px; font-weight:bold;}
.zxly .p4 i{width: 60px;height: 60px;display: inline-block;background:#fff url(../images/20210716185745_1212871482.png)no-repeat center;border-radius: 50%;float: left;margin-right:27px;position: relative; }
.zxly .p4 i:before,.banner_r i:after {position: absolute;left:50%;top:52%;height: 60px;width:60px;margin-top: -31px;margin-left: -30px;border-radius: 50%;box-shadow: 0 0 0 0 #0072ee;animation: ripple 1.8s infinite;}
.zxly .p4 i:before {animation-delay:0.7s;content:"";position:absolute;right: 0;bottom: 0;}
.zxly .p4 i:after {animation-delay:1s;content:"";position:absolute;right: 0;bottom: 0;}
@-webkit-keyframes ripple {
    70% {box-shadow: 0 0 0 30px rgba(0, 114, 238, .0);}
    100%{box-shadow: 0 0 0 0 rgba(0, 114, 238, .0);}
}

.zxly .p5 {position: absolute;left:77%;top:160px;width: 220px;height: 60px;background: #ddd;border-radius: 54px;}
.zxly .p5 a {display: block;height: 60px;line-height: 60px;border-radius: 54px; position: relative;top: -7px;text-align: center;color: #fff;font-size: 16px;     background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);}

/*简介*/
.box{margin: 0 auto;width: 82%;max-width: 1600px;min-width: 1400px;}



.com_bg{background: #f5f5f5; padding:110px 0 110px 0;}
.com{position: relative;}
.com:after {content: '';display: block;clear: both;}
.com_fr:after{content:"";display: block;width:100%;height:112px;background-size: 100%; background-image: url(../images/20210716205907_734342433.png);background-repeat: no-repeat; background-position: top left;margin-top:180px;}
.com_fl{width:50%;}
.com_fl a{display: block;margin-bottom:20px;     position: relative;}
.com_fl a img{width:100%;}
.com_fl a p{line-height:68px;font-size:18px;  text-align: center;     position: absolute;
    bottom: 0px;
    width: 100%;
    color: #fff;
    background-image: linear-gradient(190deg, transparent, rgba(0,114,238,0.6));
    transition: 0.3s ease all;}
.Introduction{ margin-top:50px;}

.counts{
	margin: 0 -7%;
}
.counts li{
	text-align: center;
	position: relative;
	float: left;
	padding: 0 6% 0 7%;
}
.counts li:after{
	width: 1px;
	height: 95px;
	background-color: #f5f5f5;
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.counts li:last-child:after{
	display: none;  padding: 0 0 0 7%;
}
.counts li:last-child{  padding: 0 0 0 7%;}
.counts li>div{
	text-align: left;
}
.counts .bigCount{
	font-size: 70px;
	color: #0072ee;
	display: block;
	height: 72px;
	line-height: 72px;
	margin-bottom: 10px;
}
.bigCount .sml{
	font-size:18px; font-weight:normal;
}
.counts .cltxt{ text-align:center;
	font-size: 16px;
	color: #666666;
}

.com_fr_title{margin-top: 1.55vw;}
.com_fr_title .ci_t{ padding-left: 60px; background: url(../images/20210716193449_2111580549.png) no-repeat left 0; padding-top: 0px; display: block; }
.com_fr_title .ci_t a .en{ font-size: 12px; color: #999; display: block; line-height: 20px;     text-transform: uppercase;}
.com_fr_title .ci_t a{ font-size:34px; display: block; line-height: 32px; padding:0 0px 4px 28px; background: url() no-repeat right center; }
.com_fr_title .ci_t a .str{ font-weight: bold; font-size:34px; }

.com_fr_title span{font-size:2.8em; font-weight: normal; color:#333;  margin-bottom: 8px;}
.com_fr{width:45%;position: -webkit-sticky;position: sticky;top:60px;}
.com_fr b{display:block;margin:17px 0 0 0;font-size:28px;color:#666; font-weight:lighter;}
.com_fr b:after{display:block;content: "";width:46px;height:5px;margin:35px 0;transform: rotate(180deg); background:#4ba2fc;}
.com_fr p{width: 97%;font-size:16px;color:#666;line-height: 30px; padding:10px 0; font-weight: lighter;}
.com_fr_content a{display:block;width:150px;height:50px;line-height: 50px;margin-top:50px;background: 
#fff;font-size: 16px;color:#222;text-align: center; position: relative;overflow: hidden;}
.com_a_button:hover {cursor: pointer;}
.com_a_button div {width:150px;height:50px;position: absolute;text-align: center;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.com_a_button div:nth-child(1) {top:0px;left:0px;}
.com_a_button div:nth-child(2) {width: 150px;height:50px;top: 0px;left:0;}
.com_a_button:hover div:nth-child(1) {animation: com_a_button_bg 0.3s linear;-webkit-animation: com_a_button_bg 0.3s linear;-moz-animation: com_a_button_bg 0.3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;}
.com_a_button:hover div:nth-child(2) {animation: com_a_button 0.3s linear;-webkit-animation: com_a_button 0.3s linear;-moz-animation: com_a_button 0.3s linear;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;-moz-animation-fill-mode: forwards;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=) repeat;left: 0%;}
@-webkit-keyframes com_a_button_bg {
    49.00% {background-color: #ffffff;}
    50.00% {background-color: #0072ee;}
    to {background-color:#0072ee;}
}

@-webkit-keyframes com_a_button {
    from {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #000000;}
    25.00% {transform: skewX(80deg);-webkit-transform: skewX(80deg);-moz-transform: skewX(80deg);color: #000000;}
    75.00% {transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);color: #ffffff;}
    90.00% {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
    to {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
}

@-moz-keyframes com_a_button_bg {
    49.00% {background-color: #ffffff;}
    50.00% {background-color: #000000;}

    to {background-color: #000000;}
}

@-moz-keyframes com_a_button {
    from {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #000000;}
    25.00% {transform: skewX(80deg);-webkit-transform: skewX(80deg);-moz-transform: skewX(80deg);color: #000000;}
    75.00% {transform: skewX(-20deg);-webkit-transform: skewX(-20deg);-moz-transform: skewX(-20deg);color: #ffffff;}
    90.00% {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
    to {transform: skewX(0deg);-webkit-transform: skewX(0deg);-moz-transform: skewX(0deg);color: #ffffff;}
}

/*æ–°é—»*/
.news_bg{padding-top:60px; overflow:hidden; background:#fff;}
.news{width:90%; min-width:1300px; margin:0 auto;}
.news_fl{width:12%; padding-top:20px;}
.news_fl_title span{font-size: 40px;color: #ccc;line-height:50px;}
.news_fl_title p{font-size: 40px;color: #222;}
.news_fl_a a{display: block;width: 150px;height:46px;line-height:46px;margin-bottom: 30px;border: 2px #ccc solid; font-size: 16px;color: #666;text-align: center;transition: all 0.3s ease-in-out;}
.news_fl_a a:first-child{margin-top:95px;}
.news_fl_a a.on{background-image: linear-gradient(55deg, #0072ee 0%, #02c5fd 100%);border: 2px #fff solid;color: #fff; box-shadow: 0px 10px 20px 0px rgba(0,0,0,.2);}
.hTitle{    font-size: 1.2vw;margin-bottom:40px;position: relative;color:#777e87;margin-bottom:40px;position:relative; font-weight:lighter;}
.hTitle span{display: block;    font-size: 2.6vw; margin-bottom:8px; font-weight:normal; color:#333;}
.hTitle a{font-size:16px;position: absolute;right:0;bottom:10px;background: url('../images/line04.png') no-repeat left center;padding-left:20px;}
.news_fr{width:82% !important;}
.news_fr .news_div_item{position: relative;}

/*第一条新闻*/
.news_ul_fl{width:52%;}
.news_ul_fl .news_div_item{float: left;width: 100%;}
.news_ul_fl .news_div_item .news_div_item_pic{position: absolute;top: 0;width:100%;height: 400px;overflow: hidden;}
.news_ul_fl .news_div_item .news_div_item_image{width: 100%;border: 1px #f5f5f5 solid;position: absolute;bottom:0px;}
.news_ul_fl .news_div_item .news_div_item_date{position: absolute;top: 470px;left: 15px;}
.news_ul_fl .news_div_item .news_div_item_year,.news_ul_fl .news_div_item .news_div_item_month,.news_ul_fl .news_div_item .news_div_item_day{float:left;}
.news_ul_fl .news_div_item .news_div_item_content{height:245px;margin: 30px 35px 0 15px;position: absolute;top: 400px;}
.news_ul_fl .news_div_item .news_div_item_a{font-size:22px;color:#333;position: relative;}
.news_ul_fl .news_div_item .news_div_item_a:after{display:block;content:"查看详情";width: 175px;height: 42px;line-height: 42px;background: #f5f5f5;font-size: 15px;color: #666;text-align: center;position: absolute;top: 220px;transition: all 0.3s ease-in-out;}
.news_div_item_content:hover .news_div_item_a:after{background:#0072ee;color:#fff;}
.news_ul_fl .news_div_item .news_div_item_body{margin-top: 45px;font-size: 15px;color: #666;line-height: 30px;}




/*第二到第四条新闻*/
.news .swiper-container{width: 82% !important;margin-right: -30px;}
.news .swiper-slide{padding:30px 0;box-sizing: border-box;}
.news_ul_fr{width:47%;padding:0 30px;box-sizing: border-box;}
.news_ul_fr .news_div_item:first-child,.news_ul_fr .news_div_item .news_div_item_image{display:none;}
.news_ul_fr .news_div_item_body{position: absolute;top: 105px;line-height: 30px;font-size: 15px; opacity: 0;width:90%;}
.news_ul_fr .news_div_item{height:120px;margin-bottom: 25px;padding:0 33px;box-shadow: 0 0 30px rgba(0,0,0,.08);overflow: hidden;transition: all 0.3s ease-in-out; box-sizing: border-box; background:#fff;}
.news_ul_fr .news_div_item_date{position: absolute;top: 70px;left: 33px;}
.news_ul_fr .news_div_item_year,.news_ul_fr .news_div_item_month,.news_ul_fr .news_div_item_day{float:left;}
.news_ul_fr .news_div_item_a{font-size: 18px;color: #333;position: absolute;top: 38px;display: block;height: 230px;width: 100%;position: relative;z-index: 9;}
.news_ul_fr .news_div_item.on{height:270px;}
.news_ul_fr .news_div_item.on .news_div_item_body{opacity: 1;}
.news_ul_fr .news_div_item_body:after{content:'了解详细';width:175px;height:40px;display:block;background:#f5f5f5;line-height:40px;text-align:center;font-size:15px;color:#666;margin-top:30px;transition: all 0.3s ease-in-out;}
.news_div_item_content:hover .news_div_item_body:after{background:#0072ee;color:#fff;}
/*link*/
#link_box{width:100%;margin:0 auto;overflow:hidden;height:140px; border-top: #f5f5f5 solid 1px; background:#fff;}
#link{overflow:hidden; padding-left:95px;}
#link_bt{width:145px;float:left;font-size:18px;font-weight:400;line-height:70px;}
#link_bt span{padding-left:5px;font-size:18px;color:rgba(51, 51, 51, 0.6);font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-weight: 200;}
#link_bg{width:1355px;line-height:72px;float:left;overflow:hidden;font-size:15px;font-weight:100;}
#link_bg a{font-size:14px;}
.linkTagcs li{height:63px !important;line-height:63px !imporatant;}
.linkTagcs li a{font-size:15px !important;}
/*结束*/

.idxFour{padding: 75px 0 65px 0;background-color: #f9f9f9; overflow:hidden;}
.idxFour li{width: 25%;float: left;}
.idxFour li:nth-child(1){text-align: left;}
.idxFour li:nth-child(2){text-align: center;padding-right: 50px;}
.idxFour li:nth-child(3){text-align: center;padding-left: 50px;}
.idxFour li:nth-child(4){text-align: right;}
.idxFour li>div{display: block;text-align: center;max-width: 240px;margin:0 auto;}
.idxFour li .ico{display: block;margin-bottom: 20px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.idxFour li .tit{font-size:20px;color: #333333;margin-bottom:13px;}
.idxFour li .txt{font-size:15px;line-height:28px; font-weight:lighter; color: #666666;margin-bottom:20px;}

.idxFour li .more{font-size:15px;color: #0072ee; display:none;}
.idxFour li .more img{display: inline-block;vertical-align: middle;margin-top: -4px;margin-left: 3px;}
/*footer*/
.footer{background: url() no-repeat center center;background-size: cover;}
.footContainer{background-color: #282828;margin: auto;overflow:hidden;}
.footContainer .top{padding: 55px 95px 35px;border-bottom: solid 1px #474545; overflow:hidden;}
.footLogo{margin-bottom: 30px;}
.footCont li{font-size: 16px;line-height: 20px;color: #aaaaaa;margin-bottom: 20px;position: relative;padding-left: 30px;}
.footCont li img{position: absolute;left: 0;top: 0;margin-right: 15px;}
.footer .top_lt{float: left;max-width: 330px;}
.footer .top_rt{float: right;width: 74.0625%;}
.footer .top_rt .top_rtdiv{float: left;width: calc(100%/5);text-align: center;}
.footer .top_rt .top_rtdiv:nth-child(5){display:none;}
.footer .top_rt .top_rtdiv>div{text-align: left;display: inline-block;max-width: 205px;}
.footer .top_rt .top_rtdiv .tit{font-size:21px;color: #f6f6f6;margin-bottom: 25px; letter-spacing: 2px;}
.footer .top_rt .top_rtdiv li{position: relative;padding-left: 24px;}
.footer .top_rt .top_rtdiv li:after{content: "";width: 12px;height: 1px;background-color: #636262;position: absolute;left: 0px;top: 0;bottom: 0;margin: auto;}
.footer .top_rt .top_rtdiv li a{font-size: 16px;color: #aaaaaa;line-height: 40px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.footer .youlian{margin-top: 65px;}
.footer .youlian span,.footer .youlian a{display: inline-block;vertical-align: top;font-size: 14px;color: #9e9e9e;margin-right: 25px;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
.footer .bottom{padding: 20px 95px 59px; }
.footer .bottom p,.footer .bottom a{font-size:15px;color: #888888;margin-right: 10px;float: left;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;line-height: 40px; font-weight:lighter; }
.foot_fx{float: right;margin: 0 -15px;}


.foot_fx li{
	float: left;
	margin: 0 8px;
	position: relative;
	cursor: pointer;
}

.foot_fx li .bds_tsina{    background: url() no-repeat center;}
.foot_fx li .foot_ewm{ position: absolute;bottom: 50px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);padding: 10px;background-color: #fff;border-radius: 5px;visibility: hidden;opacity: 0;bottom: 60px;-webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;}
.foot_fx li .foot_ewm:after{content: "";width: 17px;height: 7px;background: url(../images/20210716230653_205714440.png) no-repeat center center;position: absolute;bottom: -7px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.foot_fx li .ico img { margin-top:9px;	vertical-align: middle;
}

.foot_fx li .ico{
	width: 40px;
	height: 40px;
	border: solid 1px #fff;
	display: block;
	text-align: center;
	line-height: 38px;
	font-size: 0;
	border-radius: 100%;
	opacity: .5;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}

.idxFour li:hover .ico{
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
}
.footer .top_rt .top_rtdiv li a:hover,
.footer .youlian a:hover,
.footer .bottom a:hover{
	color: #fff;
}
.foot_fx li:hover .ico{
	opacity: 1;
}
.foot_fx li:hover .foot_ewm{
	bottom: 50px;
	visibility: visible;
	opacity: 1;
}


@keyframes light2 {
    0% {
        transform:scaleX(0);
    } 
    100% {
        transform:scaleX(1);
    }
}

 .ft-xt { display: block; width: 100%; height: 7px; background: #0072ee;animation: linear light2 1s;}